<!--
 * @Author: cgl
 * @Date: 2023-06-19 10:06:51
 * @LastEditors: cgl
 * @LastEditTime: 2023-09-20 13:57:59
 * @FilePath: \public-health-emergencies-fed:\新放射\新radiation-hygiene-fe\src\views\slide\components\testItem\testItem60.vue
 * @Description: 06-DR专用检测项
 *
 * Copyright (c) 2023 by cgl/微盛信息产业有限公司, All Rights Reserved.
-->
<template>
  <div class="content">

		<!-- 1.本底值检测------------------------------------------------------------------------ -->
		<div id="table1">
			<div class="innertitle">
				1.本底值检测：
			</div>
			（校准因子C<sub>f</sub> =<el-input v-model="form1.calibrationFactor" class="input-line"/>）设备未出束状态下

			<table border="1" cellspacing="0" cellpadding="0" align="center" >
				<tr>
					<td>检测点位置</td>
					<td colspan="5">周围剂量当量率读数（
						<el-select
							v-model="form1.readoutValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
							style="width: 100px;"
						>
							<el-option
								v-for="item in unitList"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					）</td>
				</tr>
				<tr v-for="(item, index) in propList1" :key="index">
					<td width="2%"><el-input v-model="form1[item[0]]" data-cusValidate="text"/></td>
					<td width="1%"><el-input v-model="form1[item[1]]"/></td>
					<td width="1%"><el-input v-model="form1[item[2]]"/></td>
					<td width="1%"><el-input v-model="form1[item[3]]"/></td>
					<td width="1%"><el-input v-model="form1[item[4]]"/></td>
					<td width="1%"><el-input v-model="form1[item[5]]"/></td>
				</tr>
				<tr>
					<td>本底读出值</td>
					<td colspan="2">
						<el-input v-model="form1.backgroundReadoutValueMin" class="input-line"/>~
						<el-input v-model="form1.backgroundReadoutValueMax" class="input-line"/>
						（<el-select
							v-model="form1.readoutValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitList"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>）
					</td>
					<td>本底校准值</td>
					<td colspan="2">
						<el-input v-model="form1.backgroundRCalibrationValueMin" class="input-line"/>~
						<el-input v-model="form1.backgroundRCalibrationValueMax" class="input-line"/>
						（μSv/h）
					</td>
				</tr>
			</table>
		</div>

		<!-- 2.周围工作场所辐射防护检测------------------------------------------------------------------------ -->
		<div id="table2">
			<div class="innertitle">
				2.周围工作场所辐射防护检测：
			</div>

			<div class="tip-30">
				是否扣除本底本底值：
				<el-radio-group v-model="form2.deductBackground" class="split-radio">
					<el-radio :label="false" style="margin-right: 10px">否</el-radio>
					<el-radio :label="true">是</el-radio>
				</el-radio-group>；
				校准因子Cf=<el-input v-model="form2.calibrationFactor" class="input-line"/> <br>
				常用曝光条件：<el-input v-model="form2.tubeVoltage" class="input-line"/>kV，
				<el-input v-model="form2.tubeCurrent" class="input-line"/>
				<el-radio-group v-model="form2.tubeCurrentUnit" class="split-radio">
					<el-radio :label="0" style="margin-right: 10px">mA</el-radio>
					<el-radio :label="1">mAs</el-radio>
				</el-radio-group>，
				<el-input v-model="form2.exposureTime" class="input-line"/>s
				照射野大小：<el-input v-model="form2.irradiationFieldLength" class="input-line"/>（长）cm ×
				<el-input v-model="form2.irradiationFieldWidth" class="input-line"/>（宽）cm，
				SID=<el-input v-model="form2.sid" class="input-line"/>cm
				<br><br>
				检测条件
			</div>

			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td>回旋加速器</td>
					<td colspan="2">
						生产核素：<el-input v-model="form2.cyclotronNuclide" class="input-line" data-cusValidate="text"/>；
						最大产药条件：<el-input v-model="form2.maxDrugProduction" class="input-line"/>kV；
						<el-input v-model="form2.cyclotronTubeCurrent" class="input-line"/>uA；
						<el-input v-model="form2.cyclotronMin" class="input-line"/>min。
					</td>
				</tr>

				<tr>
					<td>PET-CT机房</td>
					<td colspan="2">
						CT最大扫描条件：<el-input v-model="form2.petTubeVoltage" class="input-line"/>kV；
						<el-input v-model="form2.petTubeCurrent" class="input-line"/>mA；
						<el-input v-model="form2.petSecond" class="input-line"/>s； <br>
						核素种类：<el-input v-model="form2.petNuclideType" class="input-line" data-cusValidate="text"/>
						常用最大活度：<el-input v-model="form2.petMaxActivityMBQ" class="input-line"/>MBq
						（<el-input v-model="form2.petMaxActivityMCI" class="input-line border"/>mCi）
					</td>
				</tr>

				<tr>
					<td>SPET-CT机房</td>
					<td colspan="2">
						CT最大扫描条件：<el-input v-model="form2.spectTubeVoltage" class="input-line"/>kV；
						<el-input v-model="form2.spetTubeCurrent" class="input-line"/>mA；
						<el-input v-model="form2.spetSecond" class="input-line"/>s； <br>
						核素种类：<el-input v-model="form2.spetNuclideType" class="input-line" data-cusValidate="text"/>
						常用最大活度：<el-input v-model="form2.spetMaxActivityMBQ" class="input-line"/>MBq
						（<el-input v-model="form2.spetMaxActivityMCI" class="input-line border"/>mCi）
					</td>
				</tr>

				<tr>
					<td><el-input v-model="form2.condition_1" data-cusValidate="text"/></td>
					<td colspan="2"><el-input v-model="form2.detail_1" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.condition_2" data-cusValidate="text"/></td>
					<td colspan="2"><el-input v-model="form2.detail_2" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.condition_3" data-cusValidate="text"/></td>
					<td colspan="2"><el-input v-model="form2.detail_3" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.condition_4" data-cusValidate="text"/></td>
					<td colspan="2"><el-input v-model="form2.detail_4" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td width="1%">其他核素使用情况</td>
					<td width="2%">常用最大活度</td>
					<td width="3%">使用地点</td>
				</tr>
				<tr>
					<td><el-input v-model="form2.otherNuclide_1" data-cusValidate="text"/></td>
					<td>
						<el-input v-model="form2.otherMaxActivityMBQ_1" class="input-line"/>MBq
						（<el-input v-model="form2.otherMaxActivityMCI_1" class="input-line"/>mCi）
					</td>
					<td><el-input v-model="form2.otherSide_1" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.otherNuclide_2" data-cusValidate="text"/></td>
					<td>
						<el-input v-model="form2.otherMaxActivityMBQ_2" class="input-line"/>MBq
						（<el-input v-model="form2.otherMaxActivityMCI_2" class="input-line"/>mCi）
					</td>
					<td><el-input v-model="form2.otherSide_2" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.otherNuclide_3" data-cusValidate="text"/></td>
					<td>
						<el-input v-model="form2.otherMaxActivityMBQ_3" class="input-line"/>MBq
						（<el-input v-model="form2.otherMaxActivityMCI_3" class="input-line"/>mCi）
					</td>
					<td><el-input v-model="form2.otherSide_3" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.otherNuclide_4" data-cusValidate="text"/></td>
					<td>
						<el-input v-model="form2.otherMaxActivityMBQ_4" class="input-line"/>MBq
						（<el-input v-model="form2.otherMaxActivityMCI_4" class="input-line"/>mCi）
					</td>
					<td><el-input v-model="form2.otherSide_4" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.otherNuclide_5" data-cusValidate="text"/></td>
					<td>
						<el-input v-model="form2.otherMaxActivityMBQ_5" class="input-line"/>MBq
						（<el-input v-model="form2.otherMaxActivityMCI_5" class="input-line"/>mCi）
					</td>
					<td><el-input v-model="form2.otherSide_5" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form2.otherNuclide_6" data-cusValidate="text"/></td>
					<td>
						<el-input v-model="form2.otherMaxActivityMBQ_6" class="input-line"/>MBq
						（<el-input v-model="form2.otherMaxActivityMCI_6" class="input-line"/>mCi）
					</td>
					<td><el-input v-model="form2.otherSide_6" data-cusValidate="text"/></td>
				</tr>
			</table>
			<br>
			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2" width="1%">序号</td>
					<td rowspan="2" width="5%">场所名称</td>
					<td rowspan="2" width="5%">关注点</td>
					<td colspan="4" width="5%">周围剂量当量率 D1</td>
					<td rowspan="2" width="5%">备注</td>
				</tr>

				<tr width="100%">
					<td colspan="3">
						读数（
						<el-select
							v-model="form1.readoutValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitList"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						）</td>
					<td>修正值（μSv/h）</td>
				</tr>
				<tr v-for="(item, index) in propList2" :key="index">
					<td><el-input v-model="form2[item[0]]"/></td>
					<td><el-input v-model="form2[item[1]]" data-cusValidate="text"/></td>
					<td><el-input v-model="form2[item[2]]" data-cusValidate="text"/></td>
					<td><el-input v-model="form2[item[3]]"/></td>
					<td><el-input v-model="form2[item[4]]"/></td>
					<td><el-input v-model="form2[item[5]]"/></td>
					<td><el-input v-model="form2[item[6]]"/></td>
					<td><el-input v-model="form2[item[7]]" data-cusValidate="text"/></td>
				</tr>
			</table>

			<p class="indent">
			有关说明：
			</p>
			<p class="indent">
			（1）首先应进行巡测，在巡测的基础上对关注点的局部屏蔽和缝隙进行重点检测。关注点包括但不限于：防护墙、地板、顶棚、防护门、操作位、管线洞口、通风口等具有代表性的检测点。<br>
			</p>
			<p class="indent">
			（2）防护检测位置应符合下表1。
			</p>
			<br>

			<div style="text-align: center; font-weight: bolder">
				表1 核医学工作场所控制区边界周围剂量当量率检测点的选择及数量
			</div>
			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2" width="30%">检测区域</td>
					<td colspan="2">检测点的选择</td>
					<td rowspan="2" width="30%">数量</td>
				</tr>

				<tr>
					<td width="20%">高度</td>
					<td width="20%">距离屏蔽体的距离</td>
				</tr>

				<tr >
					<td>防护墙外</td>
					<td>1.3</td>
					<td>0.3</td>
					<td>每面墙体外至少1个检测点</td>
				</tr>
				<tr >
					<td>控制区房间订棚区域</td>
					<td>0.3</td>
					<td>——</td>
					<td>至少1个检测点</td>
				</tr>
				<tr >
					<td>控制区房间下方人员可达处</td>
					<td>1.7</td>
					<td>——</td>
					<td>至少1个检测点</td>
				</tr>
				<tr >
					<td>防护门缝隙和中央</td>
					<td>——</td>
					<td>0.3</td>
					<td>每个缝隙和中央至少1个检测点</td>
				</tr>
				<tr >
					<td>观察窗</td>
					<td>——</td>
					<td>0.3</td>
					<td>至少1个检测点</td>
				</tr>
				<tr >
					<td>管线洞口/通风口</td>
					<td>——</td>
					<td>0.3</td>
					<td>1个检测点</td>
				</tr>
				<tr >
					<td>操作位</td>
					<td>1</td>
					<td>——</td>
					<td>1个检测点</td>
				</tr>
			</table>

			<p class="indent">
				（3）外照射检测点必须包括：
			</p>
			<p>
				PET/CT、PET：合成柜和分装柜的观察窗、手写孔、操作位、柜身周围（5cm）；屏蔽容器的表面5cm及表面100cm处；注射台、注射车的观察窗、手孔位、操作位。<br>
			</p>
			<p>
				SPECT、SPECT/CT：淋洗装置的观察窗、操作位、装置周围（5cm）；注射台、注射车的观察窗、手孔位、操作位；屏蔽容器的表面5cm及表面100cm处。<br>
			</p>
			<p>
				I-131治疗：分装装置的观察窗、手孔位和操作位。<br>
			</p>
			<p>
				敷贴治疗：敷贴治疗储源箱的箱体表面5cm及表面100cm处、操作位。<br>
			</p>
			<p>
				粒子治疗：粒子源贮存器表面5cm及表面100cm处、操作位。
			</p>
		</div>

		<!-- 3.表面污染本底值检测结果（直接测量）------------------------------------------------------------------------ -->
		<div id="table3">
			<div class="innertitle flex" style="justify-content: space-between;">
				3.表面污染本底值检测结果（直接测量）：
        <span style="font-weight: normal">
          α表面活度响应：
          <el-input v-model="form3.surfaceActivityResponseA" class="input-line"/>
          β表面活度响应：
          <el-input v-model="form3.surfaceActivityResponseB" class="input-line"/>
        </span>

			</div>

			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2">序号</td>
					<td rowspan="2">工作场所</td>
					<td colspan="5">本底值表面污染测量值</td>
					<td rowspan="2">备注</td>
				</tr>
				<tr>
					<td width="20%" colspan="3">读数（
						<el-select
							v-model="form3.readoutValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitList"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>）</td>
					<td>平均值（
						<el-select
							v-model="form3.averageUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitList"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>）</td>
					<td>校准值（
						<el-select
							v-model="form3.calibrationValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitList"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>）</td>
				</tr>

				<tr>
					<td><el-input v-model="form3.rowsNumber_1"/></td>
					<td><el-input v-model="form3.sideName_1" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_1_1"/></td>
					<td><el-input v-model="form3.readoutValue_1_2"/></td>
					<td><el-input v-model="form3.readoutValue_1_3"/></td>
					<td><el-input v-model="form3.average_1"/></td>
					<td><el-input v-model="form3.calibrationValue_1"/></td>
					<td><el-input v-model="form3.remark_1" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_2"/></td>
					<td><el-input v-model="form3.sideName_2" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_2_1"/></td>
					<td><el-input v-model="form3.readoutValue_2_2"/></td>
					<td><el-input v-model="form3.readoutValue_2_3"/></td>
					<td><el-input v-model="form3.average_2"/></td>
					<td><el-input v-model="form3.calibrationValue_2"/></td>
					<td><el-input v-model="form3.remark_2" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_3"/></td>
					<td><el-input v-model="form3.sideName_3" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_3_1"/></td>
					<td><el-input v-model="form3.readoutValue_3_2"/></td>
					<td><el-input v-model="form3.readoutValue_3_3"/></td>
					<td><el-input v-model="form3.average_3"/></td>
					<td><el-input v-model="form3.calibrationValue_3"/></td>
					<td><el-input v-model="form3.remark_3" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_4"/></td>
					<td><el-input v-model="form3.sideName_4" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_4_1"/></td>
					<td><el-input v-model="form3.readoutValue_4_2"/></td>
					<td><el-input v-model="form3.readoutValue_4_3"/></td>
					<td><el-input v-model="form3.average_4"/></td>
					<td><el-input v-model="form3.calibrationValue_4"/></td>
					<td><el-input v-model="form3.remark_4" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_5"/></td>
					<td><el-input v-model="form3.sideName_5" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_5_1"/></td>
					<td><el-input v-model="form3.readoutValue_5_2"/></td>
					<td><el-input v-model="form3.readoutValue_5_3"/></td>
					<td><el-input v-model="form3.average_5"/></td>
					<td><el-input v-model="form3.calibrationValue_5"/></td>
					<td><el-input v-model="form3.remark_5" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_6"/></td>
					<td><el-input v-model="form3.sideName_6" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_6_1"/></td>
					<td><el-input v-model="form3.readoutValue_6_2"/></td>
					<td><el-input v-model="form3.readoutValue_6_3"/></td>
					<td><el-input v-model="form3.average_6"/></td>
					<td><el-input v-model="form3.calibrationValue_6"/></td>
					<td><el-input v-model="form3.remark_6" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_7"/></td>
					<td><el-input v-model="form3.sideName_7" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_7_1"/></td>
					<td><el-input v-model="form3.readoutValue_7_2"/></td>
					<td><el-input v-model="form3.readoutValue_7_3"/></td>
					<td><el-input v-model="form3.average_7"/></td>
					<td><el-input v-model="form3.calibrationValue_7"/></td>
					<td><el-input v-model="form3.remark_7" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_8"/></td>
					<td><el-input v-model="form3.sideName_8" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_8_1"/></td>
					<td><el-input v-model="form3.readoutValue_8_2"/></td>
					<td><el-input v-model="form3.readoutValue_8_3"/></td>
					<td><el-input v-model="form3.average_8"/></td>
					<td><el-input v-model="form3.calibrationValue_8"/></td>
					<td><el-input v-model="form3.remark_8" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_9"/></td>
					<td><el-input v-model="form3.sideName_9" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_9_1"/></td>
					<td><el-input v-model="form3.readoutValue_9_2"/></td>
					<td><el-input v-model="form3.readoutValue_9_3"/></td>
					<td><el-input v-model="form3.average_9"/></td>
					<td><el-input v-model="form3.calibrationValue_9"/></td>
					<td><el-input v-model="form3.remark_9" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form3.rowsNumber_10"/></td>
					<td><el-input v-model="form3.sideName_10" data-cusValidate="text"/></td>
					<td><el-input v-model="form3.readoutValue_10_1"/></td>
					<td><el-input v-model="form3.readoutValue_10_2"/></td>
					<td><el-input v-model="form3.readoutValue_10_3"/></td>
					<td><el-input v-model="form3.average_10"/></td>
					<td><el-input v-model="form3.calibrationValue_10"/></td>
					<td><el-input v-model="form3.remark_10" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td colspan="8" style="text-align: left">
						附注：1、检测记过取最大值，修正值均已扣除本底值：
						2、经检定表面污染监测仪表面活度响应Ra=<el-input v-model="form3.ra" class="input-line"/><i>$S^{-1}·Bq^{-1}·cm^{2}$</i>，
							Rβ=<el-input v-model="form3.rb" class="input-line"/><i>$S^{-1}·Bq^{-1}·cm^{2}$</i>；
						3、仪器设备探测下限（<i>$MDL_β$</i>）为：<el-input v-model="form3.mdl" class="input-line"/>s<sup>-1</sup>，
						在MDL以下的测量值以小于1/2MDL修正值（即＜<el-input v-model="form3.mdlBq" class="input-line"/>Bq/cm<sup>2</sup>）记录检测结果。
					</td>
				</tr>
			</table>

			<div class="flex" style="margin: 10px 0 0 0">
				工作场所表面污染检测结果：
				<i>
					$
					C_0 = \frac {\overline{C_开} - \overline{C_关} }{R}
					$
				</i>
			</div>
			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2">序号</td>
					<td colspan="3">测试点及说明</td>
					<td colspan="5">表面污染检测结果</td>
					<td rowspan="2">备注</td>
				</tr>
				<tr>
					<td>房间名称</td>
					<td>关注点</td>
					<td>状态</td>
					<td colspan="3">读数C（
						<el-select
							v-model="form3.resultReadoutValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitListResult"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>）</td>
					<td>测量类型</td>
					<td>修正值C0 <br> （
						<el-select
							v-model="form3.resultCorrectedValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitListCorrect"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>）</td>
				</tr>
				<template v-for="item in propList3">
					<tr>
						<td rowspan="2" width="1%"><el-input v-model="form3[item[0]]"/></td>
						<td rowspan="2" width="1.5%"><el-input v-model="form3[item[1]]" data-cusValidate="text"/></td>
						<td rowspan="2" width="1.5%"><el-input v-model="form3[item[2]]" data-cusValidate="text"/></td>
						<td  width="3%">开盖</td>
						<td  width="3%"><el-input v-model="form3[item[3]]"/></td>
						<td  width="3%"><el-input v-model="form3[item[4]]"/></td>
						<td  width="3%"><el-input v-model="form3[item[5]]"/></td>
						<td rowspan="2" width="3%">
							<el-radio-group v-model="form3[item[6]]">
								<el-radio :label="2" style="margin-bottom: 5px">β射线</el-radio>
								<el-radio :label="1">α射线</el-radio>
							</el-radio-group>
						</td>
						<td rowspan="2" width="3%"><el-input v-model="form3[item[7]]"/></td>
						<td rowspan="2" width="3%"><el-input v-model="form3[item[8]]" data-cusValidate="text"/></td>
					</tr>

					<tr>
						<td>关盖</td>
						<td><el-input v-model="form3[item[9]]"/></td>
						<td><el-input v-model="form3[item[10]]"/></td>
						<td><el-input v-model="form3[item[11]]"/></td>
					</tr>
				</template>
			</table>
			<p class="indent">
				1.首先应进行巡测，表面污染检测仪移动时的速度应与所用仪器的响应时间相匹配，探测器灵敏窗与被测表面的距离尽量靠近。<br>
			</p>
			<p class="indent">
				2.一旦探测到污物区，应把探测器放在这个区域上方，在足够长的时间内保持位置不变，测量α放射性物质污染是探测器灵敏窗与被测表面的距离0.5cm，测量β放射性物质污染是探测器灵敏窗与被测表面的距离1cm。<br>
			</p>
			<p class="indent">
				3.表面污染检测点必须包括：
			</p>
			<p>
				<!-- <br> -->
				PET/CT、PET：药物生产、分装、注射及注射后候诊等场所的地面、座椅、台面、洗手池、床面及可能污染的位置。<br>
			</p>
			<p>
				<!-- <br> -->
				SPECT、SPECT/CT：药物生产、分装、注射及注射后候诊等场所的地面、座椅、台面、洗手池、床面及可能污染的位置。<br>
			</p>
			<p>
				<!-- <br> -->
				I-131治疗：分装、使用药物患者或受检者场所的地面、座椅、台面、洗手池、床面及可能污染的位置。
			</p>
		</div>

		<!-- 4.表面污染间接测定------------------------------------------------------------------------ -->
		<div id="table4">
			<div class="flex">
				<div class="innertitle">
					4.表面污染间接测定：
				</div>
				<i>
					$
					C_0 = \frac {(\overline{C_1} - \overline{C_b})·S_d}{R·S_s·F}
					$
				</i>
			</div>
			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2">测点位置</td>
					<td colspan="4">本底值C<sub>b</sub>，s<sup>-1</sup></td>
					<td rowspan="2">测点位置</td>
					<td colspan="4">本底值C<sub>b</sub>，s<sup>-1</sup></td>
				</tr>
				<tr>
					<td colspan="3">读出值</td>
					<td>平均值</td>
					<td colspan="3">读出值</td>
					<td>平均值</td>
				</tr>
				<tr>
					<td width="2%"><el-input v-model="form4.sideName_1" data-cusValidate="text"/></td>
					<td width="1%"><el-input v-model="form4.readoutValue_1_1"/></td>
					<td width="1%"><el-input v-model="form4.readoutValue_1_2"/></td>
					<td width="1%"><el-input v-model="form4.readoutValue_1_3"/></td>
					<td width="1%"><el-input v-model="form4.average_1"/></td>
					<td width="2%"><el-input v-model="form4.sideName_4" data-cusValidate="text"/></td>
					<td width="1%"><el-input v-model="form4.readoutValue_4_1"/></td>
					<td width="1%"><el-input v-model="form4.readoutValue_4_2"/></td>
					<td width="1%"><el-input v-model="form4.readoutValue_4_3"/></td>
					<td width="1%"><el-input v-model="form4.average_4"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form4.sideName_2" data-cusValidate="text"/></td>
					<td><el-input v-model="form4.readoutValue_2_1"/></td>
					<td><el-input v-model="form4.readoutValue_2_2"/></td>
					<td><el-input v-model="form4.readoutValue_2_3"/></td>
					<td><el-input v-model="form4.average_2"/></td>
					<td><el-input v-model="form4.sideName_5" data-cusValidate="text"/></td>
					<td><el-input v-model="form4.readoutValue_5_1"/></td>
					<td><el-input v-model="form4.readoutValue_5_2"/></td>
					<td><el-input v-model="form4.readoutValue_5_3"/></td>
					<td><el-input v-model="form4.average_5"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form4.sideName_3" data-cusValidate="text"/></td>
					<td><el-input v-model="form4.readoutValue_3_1"/></td>
					<td><el-input v-model="form4.readoutValue_3_2"/></td>
					<td><el-input v-model="form4.readoutValue_3_3"/></td>
					<td><el-input v-model="form4.average_3"/></td>
					<td><el-input v-model="form4.sideName_6" data-cusValidate="text"/></td>
					<td><el-input v-model="form4.readoutValue_6_1"/></td>
					<td><el-input v-model="form4.readoutValue_6_2"/></td>
					<td><el-input v-model="form4.readoutValue_6_3"/></td>
					<td><el-input v-model="form4.average_6"/></td>
				</tr>
				<tr>
					<td colspan="3">仪器灵敏面积S<sub>d</sub>，cm<sup>2</sup></td>
					<td colspan="4">去除因子F</td>
					<td colspan="3">润湿剂类型</td>
				</tr>
				<tr>
					<td colspan="3"><el-input v-model="form4.area"/></td>
					<td colspan="4">0.1</td>
					<td colspan="3"><el-input v-model="form4.lubricantType" data-cusValidate="text"/></td>
				</tr>
			</table>

			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2">编号</td>
					<td rowspan="2">房间名称</td>
					<td rowspan="2">测点位置</td>
					<td rowspan="2">擦拭面积S<sub>s</sub></td>
					<td colspan="5">表面污染水平间接测量</td>
					<td rowspan="2">表面类型</td>
				</tr>
				<tr>
					<td colspan="3">读出值C<sub>i</sub>，S<sup>-1</sup></td>
					<td>测量类型</td>
					<td>修正值C<sub>0</sub> <br> Bq/cm<sup>2</sup> </td>
				</tr>
				<tr v-for="(item, index) in propList4" :key="index">
					<td width="0.1%">{{index+1}}</td>
					<td width="1%"><el-input v-model="form4[item[0]]" data-cusValidate="text"/></td>
					<td width="1%"><el-input v-model="form4[item[1]]" data-cusValidate="text"/></td>
					<td width="1%"><el-input v-model="form4[item[2]]" style="width: 50%"/>cm<sup>2</sup></td>
					<td width="1%"><el-input v-model="form4[item[3]]"/></td>
					<td width="1%"><el-input v-model="form4[item[4]]"/></td>
					<td width="1%"><el-input v-model="form4[item[5]]"/></td>
					<td width="1.5%">
						<el-radio-group v-model="form4[item[6]]">
							<el-radio :label="2" style="margin-bottom: 5px">β射线</el-radio>
							<el-radio :label="1">α射线</el-radio>
						</el-radio-group>
					</td>
					<td width="1%"><el-input v-model="form4[item[7]]"/></td>
					<td width="1.5%">
						<el-radio-group v-model="form4[item[8]]">
							<el-radio :label="1" style="margin-bottom: 5px">平滑</el-radio>
							<el-radio :label="2">粗糙</el-radio>
						</el-radio-group>
					</td>
				</tr>
			</table>
		</div>
		<!-- 5.表面污染间接测定（续） -->
		<div id="table5" style="margin-top: -86px">
			<table border="1" cellspacing="0" cellpadding="0" align="center" style="border-top: none;">
				<tr style="visibility: hidden;">
					<td rowspan="2">编号</td>
					<td rowspan="2">房间名称</td>
					<td rowspan="2">测点位置</td>
					<td rowspan="2">擦拭面积S<sub>s</sub></td>
					<td colspan="5">表面污染水平间接测量</td>
					<td rowspan="2">表面类型</td>
				</tr>
				<tr style="visibility: hidden;">
					<td colspan="3">读出值C<sub>i</sub>，S<sup>-1</sup></td>
					<td>测量类型</td>
					<td>修正值C<sub>0</sub> <br> Bq/cm<sup>2</sup> </td>
				</tr>
				<tr v-for="(item, index) in propList4continue" :key="index">
					<td width="0.1%">{{index+22}}</td>
					<td width="1%"><el-input v-model="form5[item[0]]"/></td>
					<td width="1%"><el-input v-model="form5[item[1]]"/></td>
					<td width="1%"><el-input v-model="form5[item[2]]" style="width: 50%"/>cm<sup>2</sup></td>
					<td width="1%"><el-input v-model="form5[item[3]]"/></td>
					<td width="1%"><el-input v-model="form5[item[4]]"/></td>
					<td width="1%"><el-input v-model="form5[item[5]]"/></td>
					<td width="1.5%">
						<el-radio-group v-model="form5[item[6]]">
							<el-radio :label="2" style="margin-bottom: 5px">β射线</el-radio>
							<el-radio :label="1">α射线</el-radio>
						</el-radio-group>
					</td>
					<td width="1%"><el-input v-model="form5[item[7]]"/></td>
					<td width="1.5%">
						<el-radio-group v-model="form5[item[8]]">
							<el-radio :label="1" style="margin-bottom: 5px">平滑</el-radio>
							<el-radio :label="2">粗糙</el-radio>
						</el-radio-group>
					</td>
				</tr>
				<tr>
					<td colspan="10" style="text-align: left;">
						附注：1、检测记过取最大值，修正值均已扣除本底值；<br>
						2、经检定表面污染监测仪表面活度响应R<sub>α</sub>=<el-input v-model="form5.activityTime" class="input-line"/><i>$S^{-1}·Bq^{-1}·cm^{2}$</i>，
						R<sub>β</sub>=<el-input v-model="form5.activityTime" class="input-line"/><i>$S^{-1}·Bq^{-1}·cm^{2}$</i>； <br>
						3、仪器设备探测下限（<i>$MDL_β$</i>）为：<el-input v-model="form5.activityTime" class="input-line"/>s<sup>-1</sup>，
						在MDL以下的测量值以小于1/2MDL修正值（即＜<el-input v-model="form5.activityTime" class="input-line"/>Bq/cm<sup>2</sup>）记录检测结果。
					</td>
				</tr>
			</table>
		</div>

		<!-- 5.通风橱风速测量结果------------------------------------------------------------------------ -->
		<div id="table6">
			<div class="innertitle">
				5.通风橱风速测量结果：
			</div>
			<div class="flex" style="margin: 10px 0 0 0;">
				<span>校准因子k：<el-input v-model="form6.factor" class="input-line"/></span>
				<span>W = Wi × k</span>
			</div>

			<table border="1" cellspacing="0" cellpadding="0" align="center">
				<tr>
					<td rowspan="2">测量位置</td>
					<td colspan="4">风速</td>
					<td rowspan="2">备注</td>
				</tr>
				<tr>
					<td colspan="3">仪器读数Wi（
						<el-select
							v-model="form6.readoutValueUnit"
							placeholder=""
							size="mini"
							class="symbolselect"
						>
							<el-option
								v-for="item in unitListV"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						）</td>
					<td>修正值W（m/s）</td>
				</tr>
				<tr>
					<td width="1%"><el-input v-model="form6.sideName_1" data-cusValidate="text"/></td>
					<td width="1%"><el-input v-model="form6.readoutValue_1_1"/></td>
					<td width="1%"><el-input v-model="form6.readoutValue_1_2"/></td>
					<td width="1%"><el-input v-model="form6.readoutValue_1_3"/></td>
					<td width="1%"><el-input v-model="form6.average_1"/></td>
					<td width="1%"><el-input v-model="form6.remark_1" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_2" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_2_1"/></td>
					<td><el-input v-model="form6.readoutValue_2_2"/></td>
					<td><el-input v-model="form6.readoutValue_2_3"/></td>
					<td><el-input v-model="form6.average_2"/></td>
					<td><el-input v-model="form6.remark_2" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_3" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_3_1"/></td>
					<td><el-input v-model="form6.readoutValue_3_2"/></td>
					<td><el-input v-model="form6.readoutValue_3_3"/></td>
					<td><el-input v-model="form6.average_3"/></td>
					<td><el-input v-model="form6.remark_3" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_4" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_4_1"/></td>
					<td><el-input v-model="form6.readoutValue_4_2"/></td>
					<td><el-input v-model="form6.readoutValue_4_3"/></td>
					<td><el-input v-model="form6.average_4"/></td>
					<td><el-input v-model="form6.remark_4" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_5" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_5_1"/></td>
					<td><el-input v-model="form6.readoutValue_5_2"/></td>
					<td><el-input v-model="form6.readoutValue_5_3"/></td>
					<td><el-input v-model="form6.average_5"/></td>
					<td><el-input v-model="form6.remark_5" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_6" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_6_1"/></td>
					<td><el-input v-model="form6.readoutValue_6_2"/></td>
					<td><el-input v-model="form6.readoutValue_6_3"/></td>
					<td><el-input v-model="form6.average_6"/></td>
					<td><el-input v-model="form6.remark_6" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_7" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_7_1"/></td>
					<td><el-input v-model="form6.readoutValue_7_2"/></td>
					<td><el-input v-model="form6.readoutValue_7_3"/></td>
					<td><el-input v-model="form6.average_7"/></td>
					<td><el-input v-model="form6.remark_7" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_8" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_8_1"/></td>
					<td><el-input v-model="form6.readoutValue_8_2"/></td>
					<td><el-input v-model="form6.readoutValue_8_3"/></td>
					<td><el-input v-model="form6.average_8"/></td>
					<td><el-input v-model="form6.remark_8" data-cusValidate="text"/></td>
				</tr>
				<tr>
					<td><el-input v-model="form6.sideName_9" data-cusValidate="text"/></td>
					<td><el-input v-model="form6.readoutValue_9_1"/></td>
					<td><el-input v-model="form6.readoutValue_9_2"/></td>
					<td><el-input v-model="form6.readoutValue_9_3"/></td>
					<td><el-input v-model="form6.average_9"/></td>
					<td><el-input v-model="form6.remark_9" data-cusValidate="text"/></td>
				</tr>
			</table>
			<span  style="line-height: 30px;">
				测量风速时应在正常操作状态，没有手孔的通风橱为前挡风玻璃开到一半，在前挡玻璃打开处测量，有手孔的为2个手孔打开后，在手孔处测量。
			</span>
		</div>

		<div class="innertitle">
			工作场所平面布局图：
			<el-button icon="el-icon-refresh" size="mini" style="float: right" @click="handleOpenDragCanvas()">设计平面图</el-button>
		</div>
    <el-upload
      class="avatar-uploader"
      :action="uploadAction"
      :headers="uploadHeader"
      :show-file-list="false"
      :on-success="handleAvatarSuccess"
      >
      <img v-if="schematicImage" :src="schematicImage" class="avatar">
      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
    </el-upload>

		<DragCanvas ref="dragCanvasRefs" @confirm="handleConfirmDrag" />
  </div>
</template>

<script>
import { getInfoById60, backgroundValue, workplace, pollutionBackground, pollutionIndirect, indirectContinue,
	windSpeed, schematicImage } from "@/api/testItem/item60";
import { getToken } from '@/utils/auth'
import {listByIds} from "@/api/system/oss.js";
import DragCanvas from '../dragCanvas.vue'

export default {
  name: "testItem60",
	components: { DragCanvas },
  data() {
    return {
			checked: [],
			unitList: [
				{
					label: "mSv/h",
					value: 1,
				},
				{
					label: "μSv/h",
					value: 2,
				},
			],
			unitListResult: [
				{
					label: "s-1",
					value: 1,
				},
			],
      uploadHeader:{
        'Content-Disposition': 'inline'
      },
			unitListCorrect: [
				{
					label: "Bq/cm2",
					value: 1,
				},
			],
			unitListV: [
				{
					label: "m/s",
					value: 0,
				},
			],
      uploadAction:process.env.VUE_APP_BASE_API +'/system/oss/upload',
			propList1: [],
			propList2: [],
			propList3: [],
			propList4: [],
			propList4continue: [],
			// 布局图
			schematicImage: "",
			form: {

			},
			// 表单-1、本底值检测
			form1: {

			},
			// 表单-2、周围工作场所辐射防护检测
			form2: {

			},
			// 表单-3、表面污染本底值检测结果（直接测量）
			form3: {

			},
			// 表单-4、表面污染间接测定
			form4: {

			},
			// 表单-5、表面污染间接测定(续)
			form5: {

			},
			// 表单-6、通风橱风速测量结果
			form6: {

			},
			itemsId: null,
			dragVisibity: false
    };
  },
  props: {
		// 基本信息数据
    basicForm: {
			type: Object,
      default: () => {
				return {}
			},
    },
  },
  created() {
		let propList1 = [];
    if (getToken()) {
     this.uploadHeader['Authorization'] = 'Bearer ' + getToken()
    }
		for (let index = 1; index <= 12; index++) {
			let item = [
				`position_${index}`,
				`readoutValue_${index}_1`,
				`readoutValue_${index}_2`,
				`readoutValue_${index}_3`,
				`readoutValue_${index}_4`,
				`readoutValue_${index}_5`,
			]
			propList1.push(item);
		}
		this.propList1 = propList1;

		let propList2 = [];
		for (let index = 1; index <= 45; index++) {
			let item = [
				`rowsNumber_${index}`,
				`sideName_${index}`,
				`focus_${index}`,
				`readoutValue_${index}_1`,
				`readoutValue_${index}_2`,
				`readoutValue_${index}_3`,
				`correctedValue_${index}`,
				`remark_${index}`,
			]
			propList2.push(item);
		}
		this.propList2 = propList2;

		let propList3 = [];
		for (let index = 1; index <= 24; index++) {
			let item = [
				`resultRowsNumber_${index}`,
				`roomName_${index}`,
				`focus_${index}`,
				`readoutValue_open_${index}_1`,
				`readoutValue_open_${index}_2`,
				`readoutValue_open_${index}_3`,
				`measurementType_${index}`,
				`correctionValue_${index}`,
				`resultRemark_${index}`,
				`readoutValue_close_${index}_1`,
				`readoutValue_close_${index}_2`,
				`readoutValue_close_${index}_3`,
			]
			propList3.push(item);
		}
		this.propList3 = propList3;

		let propList4 = [];
		for (let index = 1; index <= 21; index++) {
			let item = [
				`roomName_${index}`,
				`position_${index}`,
				`wipeArea_${index}`,
				`indirectReadoutValue_${index}_1`,
				`indirectReadoutValue_${index}_2`,
				`indirectReadoutValue_${index}_3`,
				`measurementType_${index}`,
				`correctionValue_${index}`,
				`surfaceType_${index}`,
			]
			propList4.push(item);
		}
		this.propList4 = propList4;

		let propList4continue = [];
		for (let index = 1; index <= 36; index++) {
			let item = [
				`roomName_${index}`,
				`position_${index}`,
				`wipeArea_${index}`,
				`indirectReadoutValue_${index}_1`,
				`indirectReadoutValue_${index}_2`,
				`indirectReadoutValue_${index}_3`,
				`measurementType_${index}`,
				`correctionValue_${index}`,
				`surfaceType_${index}`,
			]
			propList4continue.push(item);
		}
		this.propList4continue = propList4continue;
		this.$nextTick(()=>{
			// 获取详情
			getInfoById60(this.basicForm.protectionDetectionVo.taskDetectionEquipmentResultId).then(response => {
				this.itemsId =  response.data?.itemsId;
				this.form.imageJson = response.data?.imageJson || '';
				// 1、本底值检测
				this.form1 =  response.data?.detectionBackgroundValue || {};
				// 2、周围工作场所辐射防护检测
				this.form2 =  response.data?.surroundingWorkplace || {};
				// 3、表面污染本底值检测结果（直接测量）
				this.form3 =  response.data?.surfacePollutionBackground || {};
				// 4、表面污染间接测定
				this.form4 =  response.data?.surfacePollutionIndirect || {};
				// 5、表面污染间接测定(续)
				this.form5 =  response.data?.surfacePollutionIndirectContinue || {};
				// 6、通风橱风速测量结果
				this.form6 =  response.data?.ventilationHoodWindSpeed || {};
				// 7、工作场所平面布局图
        if(response.data && response.data.schematicImage){
          listByIds(response.data.schematicImage).then(res=>{
          	if(res.code == 200){
              this.schematicImage =  res.data[0]?.url;
          		// this.imgList = res.data;
          		// this.imgList.forEach(t=>{
          		// 	this.addImgList.push(t.ossId);
          		// })
          	}
          })
        }


			}).catch((response) => {
				this.$emit("loadingchange", true);
			});
			this.bindMethod()
		})
  },
  methods: {
		handleOpenDragCanvas() {
			this.$refs.dragCanvasRefs.openDialog({
				imageJson: this.form.imageJson
			})
		},
		handleConfirmDrag(data) {
			this.schematicImage = data.url
			this.form.imageJson = data.imageJson
			schematicImage({
				itemsId:this.itemsId,
				ossId:data.ossId,
        imageJson: data.imageJson
			}).then(res=>{
				if(res.code != 200){
					Message.error('res.msg')
				}
			})
		},
    //上传工作场所平面布局图
    handleAvatarSuccess(res){
      if(res.code == 200){
        this.schematicImage = res.data.url
        schematicImage({itemsId:this.itemsId,ossId:res.data.ossId}).then(res=>{
          if(res.code != 200){
            Message.error('res.msg')
          }
        })
      }
    },
		// 提交检测项信息
		submitTestForm(index) {
			this.$nextTick(() => {
				this.$emit("loadingchange", true);
				if (index == "form") {
					this.form.itemsId = this.itemsId;
				} else {
					this[`form${index}`].itemsId = this.itemsId;
				}
				switch (index) {
					// 1、本底值检测
					case 1:
						backgroundValue(this.form1).then((response) => {
							response.data ? this.form1 = response.data : "";
							this.$emit("loadingchange", false);
						})
						break;
					// 2、周围工作场反辐射防护检测
					case 2:
						workplace(this.form2).then((response) => {
							response.data ? this.form2 = response.data : "";
							this.$emit("loadingchange", false);
						})
						break;
					case 3:
						// 3、表面污染本底值检测(直接测量)
						pollutionBackground(this.form3).then((response) => {
							response.data ? this.form3 = response.data : "";
							this.$emit("loadingchange", false);
						})
						break;
					case 4:
						// 4、表面污染间接测定
						pollutionIndirect(this.form4).then((response) => {
							response.data ? this.form4 = response.data : "";
							this.$emit("loadingchange", false);
						})
						break;
					case 5:
						// 5、表面污染间接测定(续)
						indirectContinue(this.form5).then((response) => {
							response.data ? this.form5 = response.data : "";
							this.$emit("loadingchange", false);
						})
						break;
					case 6:
						// 6、通风橱风速测量结果
						windSpeed(this.form6).then((response) => {
							response.data ? this.form6 = response.data : "";
							this.$emit("loadingchange", false);
						})
						break;
				}
			})
		},
		// 绑定请求
		bindMethod() {
			let itemsLength = 6;
			for (let index = 0; index < itemsLength; index++) {
				let tableInputs = document.getElementById(`table${index + 1}`).getElementsByTagName("input");
				for (let i = 0; i < tableInputs.length; i++) {
					this.bind(tableInputs[i], () => {
						this.submitTestForm(index + 1);
					})
				}
			}
		},
  },
};
</script>

<style lang="scss" scoped>
@import '../content.scss';
.avatar-uploader{
  width: 100%;
  ::v-deep .el-upload{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader-icon:hover {
    border-color: #409EFF;
  }
  .avatar {
    width: 50%;
    display: block;
  }
}

</style>
